.accessibilityOutline:focus {
  outline: 4px solid var(--color-border-focus);
  outline-offset: 0;
}

.accessibilityOutlineButton:focus {
  outline: 2px solid var(--color-border-focus);
  outline-offset: 0;
}

.accessibilityOutlineButtonSocialVR:focus {
  border: 1px solid var(--sema-color-border-focus-outer-default);
  outline: 1px solid var(--sema-color-border-focus-outer-default);
  outline-offset: 0;
}

.accessibilityOutlineButtonSocial:focus {
  border: 1px solid var(--color-border-focus);
  outline: 2px solid var(--color-border-focus);
  outline-offset: 0;
}

.accessibilityOutlineLightBackground:focus {
  outline: 2px solid var(--sema-color-border-focus-outer-default);
  outline-offset: 0;
}

.accessibilityOutlineDarkBackground:focus {
  outline: 2px solid var(--sema-color-border-focus-outer-light);
  outline-offset: 0;
}

.accessibilityOutlineFocusWithin .accessibilityOutline:focus-within {
  outline: 4px solid var(--color-border-focus);
  outline-offset: 0;
}

.accessibilityOutlineBorderDefault:focus {
  border: 2px solid var(--sema-color-border-focus-inner-default);
}

.accessibilityOutlineBorder {
  border: 2px solid var(--base-color-transparent);
}

.accessibilityOutlineBorderInverse:focus {
  border: 2px solid var(--sema-color-border-focus-inner-inverse);
}

.accessibilityOutlineFocusWithin:focus {
  outline: 0;
}

.accessibilityOutlineFocus {
  outline: 4px solid var(--color-border-focus);
  outline-offset: 0;
}

.accessibilityVROutlineFocus {
  outline: 2px solid var(--color-border-focus);
  outline-offset: 0;
}

.hideOutline:focus {
  outline: 0;
}

.hideOutlineWithin a:focus {
  outline: 0;
}
